{php include wl_template('common/header');}
<style>
	.container{background:#fff;}
	.order-overview .order-info .info-group{width:220px; text-align:center; float:left;}
	.order-overview .order-info .info-group+.info-group{border-left:1px dotted #ccc; }
	.order-overview .h4{font-size:22px; display:block;}
	.order-overview .order-widget .info-group{width:220px; text-align:center; float:left; }
	.order-overview .order-widget .info-group+.info-group{border-left:1px solid #ddd;}
	.order-overview .coordinate{margin-top:20px;}
	.table>tbody>tr>td{line-height:3;}
	th,table thead tr th:last-child, table tbody tr td:last-child{text-align:center;}
	table>tr:first-child{height:42px;}
	
	#shangchengFW,#dingdanTJ,#shangchengZHL,#shangchengZHLTJ,#dingdanQYFBT,#goumaimsdbt{height:400px;}
	.container label{
		width: 60px;
		line-height: 34px;
	}

	.btn-default:focus{
		background-color: #5cb85c;
		color: #fff0cc;
	}
	.shangpinXS{
		margin: 10px 0;
		float: right;
	}
	.SPXStitle{
		text-align: center;
		font-size: 16px;
		font-weight: 900;
		padding: 10px 0;
	}
	.SPXSdetail img{
		width: 50px;
		height: 50px;
		margin:0 10px;
	}
	.SPXSdetail th:first-child{
		width: 100px;
	}
	.SPXSdetail th:nth-child(2){
		width: 300px;
	}
	.SPXSdetail tr td:nth-child(2){
		text-align: left;
	}
	.colorNuma,.colorNumb,.colorNumc{
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #C45897;
		color: #fff;
		display: block;
		line-height: 30px;
		margin: 0 auto;
	}
	.colorNumb{
		background-color: #D176A0;
	}
	.colorNumc{
		background-color: #CB9893;
	}


	.panel-body>.form-group{
		width: 100%;
		height: 40px;
	}
	.panel-body label{
		width: 100px;
		text-align: right;
	}
</style>


<hr />
<hr />
<hr />
<div class="container">
	<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">日期</label>
	<div class="col-sm-4">
		<script type="text/javascript">
			require(["daterangepicker"], function($){
				$(function(){
					$(".daterange.daterange-date").each(function(){
						var elm = this;
						$(this).daterangepicker({
							startDate: $(elm).prev().prev().val(),
							endDate: $(elm).prev().val(),
							format: "YYYY-MM-DD"
						}, function(start, end){
							$(elm).find(".date-title").html(start.toDateStr() + " 至 " + end.toDateStr());
							$(elm).prev().prev().val(start.toDateStr());
							$(elm).prev().val(end.toDateStr());
						});
					});
				});
			});
		</script>
		<input name="time[start]" type="hidden" value="2017-03-03">
		<input name="time[end]" type="hidden" value="2017-03-11">
		<button class="btn btn-default daterange daterange-date" type="button"><span class="date-title">2017-03-03 至 2017-03-11</span> <i class="fa fa-calendar"></i></button>
	</div>
	<div id="shangchengFW"></div>
</div>
<hr />
<hr />
<hr />
<div class="container">
	<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">日期</label>
	<div class="col-sm-4">
		<script type="text/javascript">
			require(["daterangepicker"], function($){
				$(function(){
					$(".daterange.daterange-date").each(function(){
						var elm = this;
						$(this).daterangepicker({
							startDate: $(elm).prev().prev().val(),
							endDate: $(elm).prev().val(),
							format: "YYYY-MM-DD"
						}, function(start, end){
							$(elm).find(".date-title").html(start.toDateStr() + " 至 " + end.toDateStr());
							$(elm).prev().prev().val(start.toDateStr());
							$(elm).prev().val(end.toDateStr());
						});
					});
				});
			});
		</script>
		<input name="time[start]" type="hidden" value="2017-03-03">
		<input name="time[end]" type="hidden" value="2017-03-11">
		<button class="btn btn-default daterange daterange-date" type="button"><span class="date-title">2017-03-03 至 2017-03-11</span> <i class="fa fa-calendar"></i></button>
	</div>
	<div id="dingdanTJ"></div>
</div>
<hr />
<hr />
<hr />
<hr />
<hr />
<hr />
<div class="container">
	<div class="col-xs-6">
	<table class="table table-striped">
		<tr>
			<th>
				<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">日期</label>
				<div class="col-sm-4">
					<script type="text/javascript">
						require(["daterangepicker"], function($){
							$(function(){
								$(".daterange.daterange-date").each(function(){
									var elm = this;
									$(this).daterangepicker({
										startDate: $(elm).prev().prev().val(),
										endDate: $(elm).prev().val(),
										format: "YYYY-MM-DD"
									}, function(start, end){
										$(elm).find(".date-title").html(start.toDateStr() + " 至 " + end.toDateStr());
										$(elm).prev().prev().val(start.toDateStr());
										$(elm).prev().val(end.toDateStr());
									});
								});
							});
						});
					</script>
					<input name="time[start]" type="hidden" value="2017-03-03">
					<input name="time[end]" type="hidden" value="2017-03-11">
					<button class="btn btn-default daterange daterange-date" type="button"><span class="date-title">2017-03-03 至 2017-03-11</span> <i class="fa fa-calendar"></i></button>
				</div>
			</th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
		<tr>
			<td>访客数<br>{php echo json_encode($hit)}</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td>下单人数<br>{php echo json_encode($hit)}</td>
			<td>下单笔数<br>{php echo json_encode($hit)}</td>
			<td>下单金额<br>{php echo json_encode($hit)}</td>
			<td></td>
		</tr>
		<tr>
			<td>付款人数<br>{php echo json_encode($hit)}</td>
			<td>付款笔数<br>{php echo json_encode($hit)}</td>
			<td>付款金额<br>{php echo json_encode($hit)}</td>
			<td></td>
		</tr>
		<tr>
			<td>成功人数<br>{php echo json_encode($hit)}</td>
			<td>成功笔数<br>{php echo json_encode($hit)}</td>
			<td>成功金额<br>{php echo json_encode($hit)}</td>
			<td>客单价<br>{php echo json_encode($hit)}</td>
		</tr>
	</table>
	</div>
	<div  class="col-xs-6">
		<div id="shangchengZHL"></div>
		<table class="table table-condensed table-bordered">
			<!--<tr>-->
				<!--<td>下单转化率(访客→下单) {php echo json_encode($hit)}</td>-->
			<!--</tr>-->
			<!--<tr>-->
				<!--<td>商城支付转化率(访客→付款) {php echo json_encode($hit)}</td>-->
			<!--</tr>-->
			<tr>
				<td>商城转化率(访客→成功) {php echo json_encode($hit)}</td>
			</tr>
			<tr>
				<td>商城支付转化率(访客→付款) {php echo json_encode($hit)}</td>
			</tr>
		</table>
	</div>


</div>
<hr />
<hr />
<hr />
<hr />
<hr />
<hr />
<div class="container">
	<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">日期</label>
	<div class="col-sm-4">
		<script type="text/javascript">
			require(["daterangepicker"], function($){
				$(function(){
					$(".daterange.daterange-date").each(function(){
						var elm = this;
						$(this).daterangepicker({
							startDate: $(elm).prev().prev().val(),
							endDate: $(elm).prev().val(),
							format: "YYYY-MM-DD"
						}, function(start, end){
							$(elm).find(".date-title").html(start.toDateStr() + " 至 " + end.toDateStr());
							$(elm).prev().prev().val(start.toDateStr());
							$(elm).prev().val(end.toDateStr());
						});
					});
				});
			});
		</script>
		<input name="time[start]" type="hidden" value="2017-03-03">
		<input name="time[end]" type="hidden" value="2017-03-11">
		<button class="btn btn-default daterange daterange-date" type="button"><span class="date-title">2017-03-03 至 2017-03-11</span> <i class="fa fa-calendar"></i></button>
	</div>
	<div id="shangchengZHLTJ"></div>


</div>
<hr />
<hr />
<hr />
<div class="container">
	<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">日期</label>
	<div class="col-sm-4">
		<script type="text/javascript">
			require(["daterangepicker"], function($){
				$(function(){
					$(".daterange.daterange-date").each(function(){
						var elm = this;
						$(this).daterangepicker({
							startDate: $(elm).prev().prev().val(),
							endDate: $(elm).prev().val(),
							format: "YYYY-MM-DD"
						}, function(start, end){
							$(elm).find(".date-title").html(start.toDateStr() + " 至 " + end.toDateStr());
							$(elm).prev().prev().val(start.toDateStr());
							$(elm).prev().val(end.toDateStr());
						});
					});
				});
			});
		</script>
		<input name="time[start]" type="hidden" value="2017-03-03">
		<input name="time[end]" type="hidden" value="2017-03-11">
		<button class="btn btn-default daterange daterange-date" type="button"><span class="date-title">2017-03-03 至 2017-03-11</span> <i class="fa fa-calendar"></i></button>
	</div>
	<div id="dingdanQYFBT"></div>


</div>
<hr />
<hr />
<hr />


<div>商品概况</div>
<div class="container">
	<div class="SPXStitle">商品销售统计表</div>
	<!--<span>排名方式</span>-->
	<div class="btn-group shangpinXS" role="group">
		<button type="button" class="btn btn-default">按成交量</button>
		<button type="button" class="btn btn-default">按商品页面浏览次数</button>
		<button type="button" class="btn btn-default">按商品页面浏览次数</button>
		<button type="button" class="btn btn-default">按销售额</button>
	</div>
	<div class="SPXSdetail">
		<table class="table table-hover table-bordered">
			<tr>
				<th>排名</th>
				<th>商品</th>
				<th>成交量</th>
				<th>商品浏览次数</th>
				<th>商品浏览人数</th>
				<th>销售额</th>
			</tr>
			<tr>
				<td><span class="colorNuma">1</span></td>
				<td>
					<img src="http://w9.huodiesoft.com/addons/lexiangpingou/web/resource/images/pintuan_logo.png" />
					<span>测试</span>
				</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td><span class="colorNumb">2</span></td>
				<td>
					<img src="http://w9.huodiesoft.com/addons/lexiangpingou/web/resource/images/pintuan_logo.png" />
					<span>测试测试测试测试测试测试测试测试测试测试</span>
				</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td><span class="colorNumc">3</span></td>
				<td>
					<img src="http://w9.huodiesoft.com/addons/lexiangpingou/web/resource/images/pintuan_logo.png" />
					<span>测试</span>
				</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td><span>4</span></td>
				<td>
					<img src="http://w9.huodiesoft.com/addons/lexiangpingou/web/resource/images/pintuan_logo.png" />
					<span>测试</span>
				</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
		</table>
	</div>

</div>
<hr/>
<hr/>
<hr/>
<hr/>
<hr/>
<hr/>
<div class="container">
	<div class="main">
		<div class="panel panel-info">
			<div class="panel-heading">商品销售统计汇总表</div>
				<div class="panel-body">
					<div class="form-group">
						<label class="col-md-4 col-lg-1 control-label">订单类型</label>
						<div class="col-md-4">
							<select name="goodsid2" class="form-control">
								<option value="">--所有--</option>
								{loop $allgoods $key $type}
								<option value="{$type['id']}" {if $_GPC['goodsid2']==$type['id']}selected="selected"{/if}>{$type['gname']}</option>
								{/loop}
							</select>
						</div>
						<label class="col-md-4 col-lg-1 control-label">日期</label>
						<div class="col-md-4">
							{php echo tpl_form_field_daterange('time', array('starttime'=>date('Y-m-d H:m:s', $starttime),'endtime'=>date('Y-m-d H:m:s', $endtime)),true);}
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-4 col-lg-1 control-label">商品名称</label>
						<div class="col-md-4">
							<select name="goodsid2" class="form-control">
								<option value="">--所有--</option>
								{loop $allgoods $key $type}
								<option value="{$type['id']}" {if $_GPC['goodsid2']==$type['id']}selected="selected"{/if}>{$type['gname']}</option>
								{/loop}
							</select>
						</div>
						<label class="col-md-4 col-lg-1 control-label">商品名称</label>
						<div class="col-md-4">
							<input class="form-control" name="member" id="" type="text" value="{$_GPC['member']}" placeholder="可模糊查询商品名称">
						</div>

					</div>
					<div class="form-group">
						<label class="col-md-4 col-lg-1 control-label">自提点</label>
						<div class="col-md-4">
							<select name="goodsid2" class="form-control">
								<option value="">--所有--</option>
								{loop $allgoods $key $type}
								<option value="{$type['id']}" {if $_GPC['goodsid2']==$type['id']}selected="selected"{/if}>{$type['gname']}</option>
								{/loop}
							</select>
						</div>
						<label class="col-xs-12 col-sm-4 col-md-4 col-lg-1 control-label">已提/未提</label>
						<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
							<select name="addresstype" class="form-control" >
								<option value="">--所有--</option>
								<option value="1" {if $_GPC['addresstype']==1}selected="selected"{/if}>公司</option>
								<option value="2" {if $_GPC['addresstype']==2}selected="selected"{/if}>家庭</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-3 col-lg-2" style="text-align:right;margin-left: 18px;"><button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
						</div>
						<a  class="btn btn-default" href='{php echo web_url('order/order/output', array('status'=>$status,'keyword'=>$keyword,'issued'=>$_GPC['issued'],'transid'=>$transid,'addresstype'=>$_GPC['addresstype'],'member'=>$member,'pay_type'=>$pay_type,'starttime'=>$starttime,'endtime'=>$endtime,'time'=>$time,'goodsid'=>$_GPC['goodsid'],'goodsid2'=>$_GPC['goodsid2'],'salers'=>$_GPC['salers'],'merchantid'=>$_GPC['merchantid'],'dispatchtype'=>$dispatchtype))}'>
						<i class="fa fa-download"></i> 导出{if $_GPC['dispatchtype']==-1}抽奖{/if}订单
						</a>（如果按条件导出请先选择条件后查询，再导出。）
						{if $_GPC['dispatchtype']==3}
						<a  class="btn btn-default" href='{php echo web_url('order/order/updaterefund', array('status'=>$status,'keyword'=>$keyword,'issued'=>$_GPC['issued'],'transid'=>$transid,'addresstype'=>$_GPC['addresstype'],'member'=>$member,'pay_type'=>$pay_type,'starttime'=>$starttime,'endtime'=>$endtime,'time'=>$time,'goodsid'=>$_GPC['goodsid'],'goodsid2'=>$_GPC['goodsid2'],'salers'=>$_GPC['salers'],'merchantid'=>$_GPC['merchantid'],'dispatchtype'=>$dispatchtype))}'>
						<i class="fa fa-download"></i> 强制转换待退款
						</a>
						{/if}
					</div>
			</div>
			<div>
				<table class="table table-striped">
					<tr>
						<th>商品名</th>
						<th>团购价</th>
						<th>单买价</th>
						<th>销售数量</th>
						<th>销售金额</th>
						<th>已提数量</th>
						<th>未提数量</th>
					</tr>
					<tr>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
					</tr>
					<tr>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
					</tr>
					<tr>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
<hr/>
<hr/>
<hr/>
<hr/>
<hr/>
<div class="container">
	<div class="main">
		<div class="panel panel-info">
			<div class="panel-heading">粉丝购买力TOP10</div>
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>4</td>
						<td>5</td>
						<td>6</td>
						<td>7</td>
						<td>8</td>
						<td>9</td>
						<td>10</td>
					</tr>
					<tr>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
<hr/>
<hr/>
<hr/>
<div class="container">
	<div class="main">
		<div class="panel panel-info">
			<div class="panel-heading">核销员核销金额排行榜</div>
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>4</td>
						<td>5</td>
						<td>6</td>
						<td>7</td>
						<td>8</td>
						<td>9</td>
						<td>10</td>
					</tr>
					<tr>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
						<td>测试</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
<hr/>
<hr/>
<hr/>
<hr/>
<div class="container">
	<div id="goumaimsdbt"></div>
</div>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>

<script type="text/javascript">

//商城访问趋势图


        // 路径配置
        require.config({
            paths: {
                echarts: "http://echarts.baidu.com/build/dist"
            }
        });
var optionCommon = {
	title : {
		text: '',
		subtext: ''
	},
	tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c}%"
	},
	toolbox: {
		show : false,
		feature : {
			mark : {show: true},
			dataView : {show: true, readOnly: false},
			restore : {show: true},
			saveAsImage : {show: true}
		}
	},
	legend: {
		data : ['访问','下单','付款','成功']
	},
	calculable : true,
	series : [
		{
			name:'商城转化率',
			type:'funnel',
			x: '10%',
			y: 60,
			//x2: 80,
			y2: 60,
			width: '80%',
			// height: {totalHeight} - y - y2,
			min: 0,
			max: 100,
			minSize: '0%',
			maxSize: '100%',
			sort : 'descending', // 'ascending', 'descending'
			gap : 10,
			itemStyle: {
				normal: {
					// color: 各异,
					borderColor: '#fff',
					borderWidth: 1,
					label: {
						show: true,
						position: 'inside'
						// textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
					},
					labelLine: {
						show: false,
						length: 10,
						lineStyle: {
							// color: 各异,
							width: 1,
							type: 'solid'
						}
					}
				},
				emphasis: {
					// color: 各异,
					borderColor: 'red',
					borderWidth: 5,
					label: {
						show: true,
						formatter: '{b}:{c}%',
						textStyle:{
							fontSize:20
						}
					},
					labelLine: {
						show: true
					}
				}
			},
			data:[
				{value:80, name:'访问'},
				{value:60, name:'下单'},
				{value:40, name:'付款'},
				{value:30, name:'成功'}
			]
		}
	]
};
		// 使用
		require(
            [
                'echarts',
                'echarts/chart/bar', // 使用柱状图就加载bar模块，按需加载
				'echarts/chart/line',
				'echarts/chart/funnel',
				'echarts/chart/pie'
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('shangchengFW'));
				var myChart1 = ec.init(document.getElementById('dingdanTJ'));
				var myChart2 = ec.init(document.getElementById('shangchengZHL'));
				var myChart3 = ec.init(document.getElementById('shangchengZHLTJ'));
				var myChart4 = ec.init(document.getElementById('dingdanQYFBT'));
				var myChart5 = ec.init(document.getElementById('goumaimsdbt'));
//				var myChart6 = ec.init(document.getElementById('shangchengZHLTJ'));
                var option = {
					title : {
						text: '商城访问趋势图&商城指标趋势图',
						subtext: '各时间段访问量'
					},
					tooltip: {
						show: true
					},
					legend: {
						data:['各时间段商城总访问量','各时间段商城总指标数']
					},
					toolbox: {
						show : true,
						feature : {
							magicType : {show: true, type: ['line', 'bar']},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					xAxis : [
						{
							type : 'category',
							data : ["今日","昨日","最近7日","最近30日"]
						}
					],
					yAxis : [
						{
							type : 'value'
						}
					],
					series : [
						{
							"name":"访问量",
							"type":"bar",
							"data":[15, 20, 30, 20, 70, 10],
							markPoint : {
								data : [
									{type : 'max', name: '最大值'},
									{type : 'min', name: '最小值'}
								]
							}
						},
						{
							"name":"指标数",
							"type":"bar",
							"data":[5, 20, 40, 10, 10, 20],
							markPoint : {
								data : [
									{type : 'max', name: '最大值'},
									{type : 'min', name: '最小值'}
								]
							}
						}
					]
				};;
				var option1 = {
					title: {
						text: '订单统计',
						subtext: '各时间段订单'
					},
					tooltip: {
						trigger: 'axis'
					},
					legend: {
						data: ['所有订单', '已完成订单', '已支付订单', '退款订单', '下单总金额', '交易成功金额', '支付金额', '退款金额', '客单价']
					},
					toolbox: {
						show : true,
						feature : {
							magicType : {show: true, type: ['line', 'bar']},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					xAxis: [
						{
							boundaryGap : false,
							type: 'category',
							data: ["01-01", "01-02", "01-03", "01-04", "01-05", "01-06"]
						}
					],
					yAxis: [
						{
							type: 'value'
						}
					],
					series: [
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "所有订单",
							"type": "line",
							"data": [5, 20, 40, 10, 10, 20]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "已完成订单",
							"type": "line",
							"data": [15, 30, 50, 30, 3, 10]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "已支付订单",
							"type": "line",
							"data": [5, 30, 44, 16, 10, 25]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "退款订单",
							"type": "line",
							"data": [45, 30, 50, 30, 3, 17]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "下单总金额",
							"type": "line",
							"data": [5, 20, 54, 17, 15, 20]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "交易成功金额",
							"type": "line",
							"data": [11, 30, 52, 30, 5, 10]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "支付金额",
							"type": "line",
							"data": [51, 22, 10, 14, 16, 80]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "退款金额",
							"type": "line",
							"data": [16, 36, 57, 33, 23, 70]
						},
						{
							smooth:true,
//							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "客单价",
							"type": "line",
							"data": [65, 32, 10, 36, 5, 80]
						}
					]
				};
				var option2 = optionCommon;
				var option3 = {
					title: {
						text: '商城转化率统计',
						subtext: ''
					},
					tooltip: {
						show: true
					},
					legend: {
						data: ['商城转化率', '商城支付转化率', '支付转化率', '下单转化率']
					},
					toolbox: {
						show : true,
						feature : {
							magicType : {show: true, type: ['line', 'bar']},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					xAxis: [
						{
							boundaryGap : false,
							type: 'category',
							data: ["01-01", "01-02", "01-03", "01-04", "01-05", "01-06"]
						}
					],
					yAxis: [
						{
							type: 'value'
						}
					],
					series: [
						{
							smooth:true,
							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "商城转化率",
							"type": "line",
							"data": [5, 20, 40, 10, 10, 20]
						},
						{
							smooth:true,
							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "商城支付转化率",
							"type": "line",
							"data": [15, 30, 50, 30, 3, 10]
						},
						{
							smooth:true,
							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "支付转化率",
							"type": "line",
							"data": [5, 30, 44, 16, 10, 25]
						},
						{
							smooth:true,
							itemStyle: {normal: {areaStyle: {type: 'default'}}},
							"name": "下单转化率",
							"type": "line",
							"data": [45, 30, 50, 30, 3, 17]
						}
					]
				};
				var option4 = {
					title : {
						text: '订单区域分布图',
						subtext: '',
						x:'center'
					},
					tooltip : {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					legend: {
						orient : 'vertical',
						x : 'left',
						data:['上海','浙江','北京','内蒙','江苏']
					},
					toolbox: {
						show : true,
						feature : {
							magicType : {
								show: true,
								type: ['pie', 'funnel'],
								option: {
									funnel: {
										x: '25%',
										width: '50%',
										funnelAlign: 'left',
										max: 1548
									}
								}
							},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					series : [
						{
							name:'分布比例',
							type:'pie',
							radius : '55%',
							center: ['50%', '60%'],
							data:[
								{value:335, name:'上海'},
								{value:310, name:'浙江'},
								{value:234, name:'北京'},
								{value:135, name:'内蒙'},
								{value:1548, name:'江苏'}
							]
						}
					]
				};
				var option5= {
					title : {
						text: '购买模式对比图',
						subtext: '成功的订单量占比数',
						x:'center'
					},
					tooltip : {
						trigger: 'item',
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					legend: {
						orient : 'vertical',
						x : 'left',
						data:['随意团','邻购团','阶梯团','自选团','新专团','抽奖团','微商城']
					},
					toolbox: {
						show : true,
						feature : {
							magicType : {
								show: true,
								type: ['pie', 'funnel'],
								option: {
									funnel: {
										x: '25%',
										width: '50%',
										funnelAlign: 'left',
										max: 1548
									}
								}
							},
							restore : {show: true},
							saveAsImage : {show: true}
						}
					},
					calculable : true,
					series : [
						{
							name:'该模式/总订单量',
							type:'pie',
							radius : '55%',
							center: ['50%', '60%'],
							data:[
								{value:100, name:'随意团'},
								{value:30, name:'邻购团'},
								{value:24, name:'阶梯团'},
								{value:15, name:'自选团'},
								{value:48, name:'新专团'},
								{value:8, name:'抽奖团'},
								{value:28, name:'微商城'}
							]
						}
					]
				};
				// 为echarts对象加载数据
                myChart.setOption(option);
				myChart1.setOption(option1);
				myChart2.setOption(option2);
				myChart3.setOption(option3);
				myChart4.setOption(option4);
				myChart5.setOption(option5);
//				myChart6.setOption(option6);
			}
        );
	function RCHARTS(){
		require(
				[
					'echarts',
					'echarts/chart/bar', // 使用柱状图就加载bar模块，按需加载
					'echarts/chart/line',
					'echarts/chart/funnel'
				],
				function (ec) {
					// 基于准备好的dom，初始化echarts图表
					var myChart = ec.init(document.getElementById('shangchengZHL'));
					var option=optionCommon;
					option.title= {
							text: '测试',
							subtext: '测试'
					}
					// 为echarts对象加载数据
					myChart.setOption(option);
				}
		);
	}
</script>

<script>


</script>



{php include wl_template('common/footer');}